Joolie - Wedding Store HTML Template

Joolie – is a sleek, modern and colorful design that let you to build an exclusive website for wedding
Joolie - Wedding Store is perfect if you like a clean and modern template.
Joolie - includes a vast collection of pre-made inner pages that can be used for various purposes.

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Intro

features

  • Built with HTML5 & CSS3
  • SVG Images.
  • Google Fonts.
  • Easy to customize.
  • Fully Responsive.
  • Clean Code.
  • Free Images.
  • W3 Valid 100%.
  • Browser Compatibility.
  • Fully Customizable.
  • Modern and Creative Design.
  • And much more...

This template contains 18 page:

  • 1. Home Page.
  • 2. About Page.
  • 3. Cart Page.
  • 4. Blog Page.
  • 4. Blog Detail Page.
  • 5. Collections Page.
  • 6. Contacts Page.
  • 7. Registration Page.
  • 8. Log-in Page.
  • 9. FAQ Page.
  • 10. Product Page.
  • 11. 404 Page.
  • 12. Checkout 1 Page.
  • 13. Checkout 2 Page.
  • 14. Checkout 3 Page.
  • 15. Wishlist Page.
  • 16. Shop Page.
  • 17. Profile Page.
  • 18. Product Page.

HTML Structure

All .html files are in the root directory. Separete folders are created for .css, .js files & for images.



Visual Studio Code (download for free). Used to edit the .HTML, .JS, and .CSS files.

  1. <!-- BEGIN: free trial -->
  2. <div class="free-trial">
  3. <div class="container">
  4. <div class="text-contain">
  5. <h3>Are You Ready To Enjoy? Get This Perfect Theme Now!</h3>
  6. <p>It is a long established fact that a reader will be distracted</p>
  7. <div class="button-contain">
  8. <button>Start Trial Free</button>
  9. </div>
  10. </div>
  11. </div>
  12. </div>

If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following :

  1. .text-contain h3 { color: #some_color; }

If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight.

I.E.

  1. .free-trial .text-contain h3 { color: #some_color; }

So, to ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.


How to change Logo ?

All icons and images of the project are stored in the "images" folder.






How to change Site Title ?



How to change Site Favicon ?

Place the favicon in the images folder and provide the link:



How to change Image ?




How to change Copyright ?




How to change Video ?

Paste your video link here




How to Change Map Code ?

Find your location in google map and insert the coordinates here in the js file(app.js), at the very bottom of the file.



Connected Fonts

CSS Files and Structure

How to work with CSS files ?

All .css files are located in the CSS folder. The style.css file is the main style file. If you want to change the styles, you can do so in the style.css file at the very bottom of the file.

JavaScript

JS Files

    There are 2 js files in the project, the first js file(app.js / app.min.js) is a configuration file for the entire site. Second js file(vendors.js / vendors.min.js) is of individual developers.

Connected as:


Sources and Credits

I've used the following images or other files as listed :

Template Customization

Installation

  • Open up your FTP manager and connect to your hosting
  • Browse to required directory (Normally public_html)
  • Upload the files inside theface folder.

More about installation:

Go to This Link Click Me

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.